www.gusucode.com > WSTMall PHP网店系统 v1.6.0PHP源码程序 > WSTMall PHP网店系统 v1.6.0/wstmall_v1.6.0_160506/wstmall_v1.6.0_160506/Apps/Home/View/default/css/cart.css
@charset "utf-8"; .quick_links_wrap,.mui-mbar-tabs{ height:100%; right: 0; position:fixed;right:0;bottom:0; z-index:11119; height:100%; _position:fixed; _bottom:auto; _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-10);} .quick_links_wraper.quick_links_dockright{ margin-left:0; left:auto; right:4px;} .mui-mbar-tabs i,.ibar_closebtn,.login_order,.login_favorite{ display: inline-block; background: url(../images/ibar_sprites.png) no-repeat;cursor: pointer;height: 19px;width: 18px;vertical-align: top; position:absolute;} .quick_links_panel{ width: 5px; height: 100%; position: absolute; background: #333333; z-index: 2; top: 0; right:0; font-family: 'microsoft yahei',arial; } .quick_links_panel a{ display: block; width: 40px; height: 38px; text-decoration: none; color: #d8d8d8; font-size:12px; overflow: hidden; background-color: #333333; position:relative; overflow: hidden; top: 0; left: 0px; *left: -15px; z-index: 1; margin:0; padding:0; } .quick_links_panel .quick_toggle{ position: absolute; bottom: 0; left: -40px; width: 40px; background: #333333; z-index: 1; } .quick_links_panel .mp_tooltip{ height: 38px; line-height: 38px; width: 92px; position: absolute; z-index: 2; left: -121px; top: 0; background: #333333; color: #d8d8d8; text-align: center; display: block; visibility: hidden; } .quick_links_panel .mp_qrcode{ padding: 10px; width: 148px; height: 148px; top: -127px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.4); border-radius: 5px 0 0 5px; border-left: 1px solid #ccc\0; border-top: 1px solid #ccc\0; border-bottom: 1px solid #ccc\0; z-index: 3; position: absolute; left: -168px; left: -169px\0; display: none; } .quick_links_panel .icon_arrow_white{ position: absolute; right: -5px; top: 143px; width: 5px; height: 9px; background-position: 0 -253px; } .quick_links_panel .icon_arrow_right_black{ position: absolute; right: -5px; top: 15px; width: 5px; height: 9px; background-position: 0 -234px; overflow: hidden; } .quick_toggle .return_top{ display:none;} .quick_links_allow_gotop .return_top{ display:block;} .quick_links{ position: absolute; top: 65%; left: -40px; margin-top: -230px; *margin-top: -220px; background: #333333; z-index: 2; width:40px; } .quick_links a.message_list{ background: url(../images/ibar_sprites.png) no-repeat; line-height: 16px; height: 133px; background-position: -23px -225px; color: #fff; margin: 5px 0 10px; } .quick_links_min .quick_links_panel{ right:280px;} .quick_links li,.quick_toggle li{ position:relative; display:block; left:0; top:0px;} .history_list,.leave_message,.mpbtn_histroy,.mpbtn_wdsc,.mpbtn_recharge{ margin-bottom:6px;} .quick_links a:hover, .quick_links a.current,.quick_toggle a:hover{ background:#e23c3d; text-decoration:none;} .quick_links a.message_list .span{ width: 16px; display: block; height: 48px; margin: 38px 0 0 14px; cursor: pointer; } .quick_links a.message_list .cart_num{ width: 21px; height: 21px; display: block; border-radius: 50%; background: #e23c3d; text-align: center; line-height: 21px; margin: 9px 0 0 10px; cursor: pointer; color: #fff; } .quick_links i.setting{ background-position:0 0;width: 18px;height: 19px;top: 10px;left: 11px;} .quick_links a:hover i.setting,.quick_links .current i.setting{background-position:-33px 0;} .quick_links i.message{ background-position:0px -29px; width: 23px;height: 18px;top: 11px;left: 9px;} .quick_links a:hover i.message,.quick_links .current i.message{ background-position:-33px -29px;} .quick_links i.cart{ background-position:0px -29px;} .quick_links i.view{width: 18px;height: 18px;background-position: 0 -57px;top: 10px;left: 11px;} .quick_links a:hover i.view,.quick_links .current i.view{background-position: -33px -57px;} .quick_links .qa{ width: 18px;height: 15px;background-position: 0 -85px;top: 11px;left: 11px;} .quick_links a:hover i.qa,.quick_links .current i.qa{background-position: -33px -85px;} .quick_links .zuji{width: 11px;height: 24px;background-position: -4px -110px;top: 8px;left: 14px;} .quick_links a:hover i.zuji,.quick_links .current i.zuji{background-position: -36px -110px;} .quick_links .chongzhi{ background:url(../images/chongzhi.png) no-repeat;width: 35px;height: 35px;top: 2px;left: 3px;} .quick_links .wdsc{ background:url(../images/wdsc.png) no-repeat;width: 35px;height: 35px;top: 2px;left: 3px;} .quick_toggle .mpbtn_qrcode{width: 18px;height: 18px;top: 11px;left: 11px;background-position: 0 -302px;} .quick_toggle .top{ background-position:0 -201px;width: 17px;height: 14px;top: 12px;left: 12px;} .quick_toggle a:hover .top, .quick_links a.current .top{ background-position:-33px -201px;} .quick_toggle i.kfzx{width: 15px;height: 16px;top: 11px;left: 12px;background-position: 0 -175px;} .quick_toggle a:hover i.kfzx{background-position: -33px -175px;} /* quick_links_pop */ .quick_links_pop{ position:absolute; top:0; right:0; display:none;box-shadow: 0 0 5px #999; border:1px solid #999; behavior: url(js/htc.htc);} .quick_links_pop .arrow, .quick_links_pop .arrow i{ display:none; border-color:transparent #ddd; border-style:dashed solid; border-width:12px 0 12px 12px; font-size:0; height:0; width:0; position:absolute; left:100%; top:12px;} .quick_links_pop .arrow i{ border-color:transparent #f9fafc; margin:-12px 0 0 -13px; left:0; top:0;} .quick_links_pop .fix_bg{ display:none; border-top-width:0; border-radius:0 0 3px 3px; margin:0 0 -4px -250px; height:2px; width:500px; overflow:hidden; position:absolute; bottom:0; left:50%;} .quick_links_pop .pop_panel{ font-size:12px; width:100%; height:97%; position:relative;} .quick_cart_list, .quick_history_list, .quick_links_pop .links, .quick_my_qlinks, .quick_message_list,.quick_leave_message,.quick_mpbtn_histroy,.quick_mpbtn_wdsc,.quick_mpbtn_recharge{ position:absolute; width:280px; left:0; top:0; background:#fff; height:100%; display:block;} .quick_cart_list .user_cart_inner, .quick_history_list .history_slider{ display:block; border:0; margin:0; position:static;} .quick_cart_list .user_cart_inner .del{ display:none;} .quick_history_list .title i{ background-position:-170px -34px;} .quick_leave_message .title i{ background-position:-160px 0;} .quick_leave_message .types{ font-size:0; position:absolute; left:148px; top:18px; white-space:nowrap;} .quick_leave_message .types input, .quick_leave_message .types label{ font-size:12px; margin-right:20px; vertical-align:middle; white-space:nowrap;} .quick_leave_message .types input{ margin:-2px 3px 0 0; height:13px; width:13px; *margin-top:0;} .quick_leave_message .txt{ padding:15px 0;} .quick_leave_message .txt textarea{ display:block; background:#fff; border:1px solid #e8e8e8; border-radius:3px; box-shadow:0 1px 0 #fff, inset 0 1px 4px rgba(0,0,0,.1); margin:0 auto; padding:8px; height:68px; width:90%;} .quick_leave_message .token{ padding:0 0 14px 16px; height:26px;} .quick_leave_message .token input{ background:#fff; border:1px solid #ddd; padding:3px 4px; width:76px; vertical-align:middle;} .quick_leave_message .token img{ margin-left:5px; vertical-align:middle;} .quick_leave_message .btns{ float:right; margin-top:-42px; padding-right:16px;} .quick_leave_message .btn{ background-position:0 -356px; cursor:pointer; font-size:0; padding-left:20px; text-shadow:0 1px 0 #355ba9; overflow:visible;} .quick_leave_message .btn:hover{ background-position:0 -386px;} .quick_leave_message .btn span{ background-position:100% -356px; font-size:12px; padding-right:20px; *height:29px;} .quick_leave_message .btn:hover span{ background-position:100% -386px;} .quick_links_pop .no_data{ color:#333; font-size:14px; padding:35px 10px; text-align:center;} .quick_links_pop .no_data i{ display:inline-block; background:url(../images/cart_new.png) no-repeat 0 -188px; margin:0 10px 0 0; height:36px; width:60px; vertical-align:middle;} .quick_links_pop .links li{ border-top:1px solid #f1f1f1; vertical-align:top;} .quick_links_pop .links a{ display:block; background:#FCFCFC; color:#333; font-size:14px; padding:12px 15px;} .quick_links_pop .links a:hover{ background-color:#F2F3F4; color:#4467a7;} .quick_links_pop .links .tips{ float:right; color:#61c2ed; font-size:12px;} .quick_my_qlinks .title i{ background-position:-200px 0; height:22px; width:22px;} .quick_message_list .title i{ background-position:-200px -34px; height:22px; width:22px;} .quick_message_list .no_data i{ background-image:url(../images/quick_links_no_msg.png); background-position:0 0; height:45px; width:62px;} /*修改*/ .ibar_plugin_title{ height: 38px; line-height: 38px; border-bottom: 1px solid #dedede; color: #333; font-size: 14px; font-weight: 700; width: 267px; margin: 0 auto; } .ibar_closebtn { width: 20px; height: 20px; background-position: 5px -267px; padding: 5px; overflow: hidden; position: absolute; top: 4px; right: 4px; } .ibar_plugin_content{ position: absolute; width: 100%; top: 0; bottom: 0; _height: expression((document.documentElement.clientHeight-100-40)+"px"); overflow: hidden; } .ibar_cart_group { padding: 0px 0px 0px 0px; background: #fff; } .ibar_cart_group_header{ height: 34px; line-height: 34px; border-bottom: 1px solid #dedede; } .ibar_cart_group_title { float: left; font-size: 14px; } .ibar_cart_group_header a{ float:right; color:#e23c3d} .ibar_cart_group_header a:hover{ text-decoration:underline;} .cart_item { padding: 15px 0; border-bottom: 1px dotted #ddd; } .cart_item_pic { position: relative; float: left; width: 105px; height: 67px; } .cart_item_pic img { width: 60px; height: 60px; cursor:pointer; border: 1px solid #f4f4f4; } .cart_item_desc { float: left; width: 135px; padding: 3px 0 0 5px; position: relative; } .cart_item_name { display: inline-block; width: 100%; overflow: hidden; line-height: 18px; color: #5c5c5c; } .cart_item_sku { width: 160px; height: 24px; line-height: 24px; color: #999; } .cart_price{color: #e23c3d; font-weight: 700;font-family: Arial,Helvetica;} .cart_handler{ position: fixed; height: 100px; bottom: 0; width: 100%; background: #fff; } .cart_handler_header{width: 260px;margin: 8px 10px; float:left;} .cart_handler_left{ float:left;} .cart_handler_right{ float:right;font-weight: 700;font-size: 16px;font-family: Arial; color:#e23c3d;} .cart_go_btn { display: block; height: 33px; line-height: 33px; font-size: 19px; font-family: SimHei; color: #fff; text-align: center; text-decoration: none; background: #e23c3d; width: 260px; margin: 0 10px; float:left; } .cart_go_btn:hover{ color:#fff;} .ia-head-list { height: 66px; width: 244px; margin-left: 15px; background: #f3f3f3; overflow: hidden; zoom: 1; margin-top: 15px; color: #4a4a4a; } .ia-head-list a{ color:inherit;} .ia-head-list .pl { width: 80px; border-right: dashed 1px #ccc; height: 47px; margin-top: 10px; text-align: center; float:left; } .ia-head-list .num { font-size: 16px; height: 26px; font-family: arial; } .ia-head-list .money{ border-right:0;} .ga-expiredsoon{width: 244px;margin-left: 15px;margin-top: 20px;} .ga-expiredsoon .es-head {color: #5c5c5c;height: 13px;border-left: 3px solid #5c5c5c;padding-left: 13px;} .ia-none {background:url(../images/null_icon.png) no-repeat center 50px;text-align: center;padding-top: 150px;padding-bottom: 30px;font-family: "微软雅黑";font-size: 16px;color: #797979;} .jiaru{ margin-top:40px;} .ibar-history-head{ position: relative; font-size: 14px; border-bottom: solid 1px #dedede; height: 37px; line-height: 37px; width: 255px; margin-left:10px; } .ibar-history-head a{ float:right; color:#e23c3d;} .ibar-history-head a:hover{ text-decoration:underline;} .imp_item { width: 255px; padding-top: 10px; border-bottom: dashed 1px #d5d5d5; overflow: hidden; padding-bottom: 15px; margin-bottom: -1px; margin-left:10px; } .imp_item .pic { float: left; display: inline; margin-right: 10px; } .imp_item .tit { height: 40px; overflow: hidden; width: 140px; word-break: break-all; } .imp_item .tit a { color: #5c5c5c; line-height: 18px; } .imp_item .tit a:hover { color: #e23c3d; line-height: 18px; } .imp_item .price { color: #e23c3d; font-weight: 700; margin-bottom: 10px; } .imp_item .price em { font-family: arial; font-size: 14px; } .imp_item .imp-addCart { background: #E23C3D; background: -webkit-linear-gradient(top,#fb2f72,#e23c3d); color: #fff; width: 90px; height: 28px; float: left; display: inline; line-height: 28px; text-align: center; } .sc{ float:right; line-height:22px; margin-right:7px;} .ibar_recharge_form { width: 220px; margin: 0 auto; padding: 15px 0; } .ibar_recharge-field { border: 1px solid #ddd; height: 30px; margin-bottom: 10px; } .ibar_recharge-field label { width: 40px; text-align: center; color: #fff; background: #737373; line-height: 30px; float: left; } .ibar_recharge-fl { position:relative; float: left; width: 170px; padding-left: 5px; } .ibar_recharge-iwrapper { padding-top: 7px; } .ibar_recharge-iwrapper input{ border:0; outline:0 none;} i.ibar_recharge-contact { width: 13px; height: 14px; background: url(../images/contact.png); top: 8px; right: 5px; cursor: pointer; } i.ibar_username-contact { width: 15px; height: 18px; background: url("../../../View/default/images/login-all-bg.png") no-repeat scroll -373px -111px #fff; top: 6px; right: 8px; cursor: pointer; } i.ibar_password-contact { width: 15px; height: 18px; background: url("../../../View/default/images/login-all-bg.png") no-repeat scroll -346px -108px #fff; top: 6px; right: 8px; cursor: pointer; } .ibar_recharge-mod { line-height: 30px; color: #737373; font-weight: 700; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } i.ibar_recharge-arrow { width: 6px; height: 3px; background: url(../images/arrow-down.png); top: 14px; right: 8px; cursor: pointer; } .ibar_recharge-vbox { border: 1px solid #ddd; background: #fff; position: absolute; left: 0; top: 30px; width: 177px; } .ibar_recharge-vbox li{ float:left; width:68px; border-right: 1px solid #ddd; padding: 7px 10px; line-height: 1; cursor: pointer; } .ibar_recharge-vbox li.sanwe{ border:0;} .ibar_recharge-vbox .selected, .ibar_recharge-vbox li:hover {background: #ececec;} .ibar_recharge-btn {text-align: center;padding-top: 3px;} .ibar_recharge-btn input { border: 0; color: #fff; display: inline-block; width: 115px; height: 31px; font-size: 16px; background: #E23C3D; background: -webkit-linear-gradient(top,#fb2f72,#e23c3d); cursor: pointer; } .ibar_recharge-btn input:hover { background: -webkit-linear-gradient(top,#fa578c,#f73776); } .ibar_login_box { width: 267px; height: 185px; padding: 10px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.4); border-radius: 5px 0 0 5px; border-left: 1px solid #ccc\0; border-top: 1px solid #ccc\0; border-bottom: 1px solid #ccc\0; z-index: 3; position: absolute; top: 0px; left: -287px; left: -288px\0; display: none; } .ibar_login_box .avatar_box { width: 267px; overflow: hidden; height:120px; } .status_login .avatar_imgbox { float: left; margin: 6px 20px 0 5px; display: inline; } .ibar_login_box .avatar_imgbox { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; } .ibar_login_box .avatar_box p { font-size: 14px; color: #333; text-align: center; } .status_login .user_info { overflow: hidden; color: #333; padding-top: 30px; line-height: 24px; width: 140px; float: left; } .status_login .user_info li { height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; } .ibar_login_box .login_btnbox { width: 267px; height: 79px; border-top: 1px dotted #d5d5d5; overflow: hidden; padding-top: 15px; clear: both; } .ibar_login_box .login_btnbox a { width: 94px; height: 30px; line-height: 30px; text-align: center; border: 1px solid; color: #333; text-decoration: none; float: left; background-position: 0 -408px; background-repeat: repeat-x; border-color: #e9e9e9; } .ibar_login_box .login_btnbox .login_order {margin: 0 10px 0 35px;} .ibar_login_box .login_btnbox a:hover{ text-decoration:none;background-position:0 -366px;border-color:#fccadb; background:none;} .ibar_login_box .login_btnbox .login_favorite{border-color:#e9e9e9} .ibar_login_box .icon_arrow_white { position: absolute; right: -5px; top: 15px; width: 5px; height: 9px; background-position: 0 -253px; } /*飞入购物车*/ #plist{ width:100%; height:auto; float:left; overflow:hidden; padding-top:10px;} #plist li{ float:left; width:240px; height:auto; overflow:hidden; padding:0px 20px 20px 0px;} #plist .extra{ padding: 2px 0;height: 16px;line-height: 16px;overflow: hidden;color: #005aa0; float:left; padding-left:2px;} #plist .extra a{ float:left; font-size:12px;} #plist .btns{ margin-top:5px; zoom:1; float:left; padding-left:2px;} #plist .btns a{float: left;height: 19px;padding: 0 9px;border: 1px solid #ddd;border-radius: 2px;margin: 0 8px 0 0;background: #F7F7F7;line-height: 18px;line-height: 19px\9;text-align: center;text-decoration: none;color: #333;background: -moz-linear-gradient(top,#f7f7f7,#f2f2f2);background: -webkit-gradient(linear,0 0,0 100%,from(#f7f7f7),to(#f2f2f2));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#f2f2f2");-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#f2f2f2")";} #plist.plist-n7a .p-img{ height:240px;} .index_banner{position:relative;margin-bottom:20px;height:500px;} .index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:500px;} .index_banner li a{display:block;margin:0 auto;width:1000px;height:500px;} .index_banner .clert{ width:100%; position:absolute; z-index:99; bottom:0; left:0; height:30px; line-height:30px; text-align:center;} .index_banner cite{ z-index:999;height:15px;} .index_banner cite span{ display:inline-block;margin:0 4px;width:10px;height:10px;background-color:#666;text-indent:-999em;opacity:.8;cursor:pointer; border-radius:5px;} .index_banner cite span.cur{background-color:#000;cursor:default;} .flei{ padding-left:28px;} .flei a{ display:block; background:url(store_images/xiala12497.gif) 125px 4px no-repeat;} .flei a:hover{ color:#666; text-decoration:none;} .flei i{ display:block; width:8px; height:8px; background:url(store_images/xiala12497.gif) -20px -102px no-repeat; float:left; margin:10px 8px 0 0;} #plist .btns a.btn-compare{ padding:0;} #plist .btns a.btn-compare input{ float:left; margin:3px 5px;} #plist .btns a.btn-compare label { margin-right:5px;} .main{ width:1000px; margin:0 auto;} .btnCart{cursor:pointer;} .settleup-2013{ height: 34px; position: fixed; right: 45px; z-index: 900; } .shoping-small { width: 119px; } #flyItem .fly_imgbox{ width: 30px; height: 30px; border-radius: 50%; overflow: hidden; } .fly_item {width:38px; height: 38px; overflow: hidden; position: absolute; visibility: hidden; z-index:10000000; } .shop_cart { width: 106px; height: 25px; line-height: 25px; padding-top: 8px; font-family: 'microsoft yahei'; font-size: 12px; text-indent: 34px; color: #000; position:absolute; right:50px; top:240px; } .cart-minus{display:none;border:1px solid #333333;font-weight:bold;text-align:center;border-radius: 17px;font-size: 14px;height: 20px;line-height: 20px;min-width: 17px;padding: 0 6px;cursor:pointer;} .cart-plus{display:none;border:1px solid #333333;font-weight:bold;text-align:center;border-radius: 17px;font-size: 14px;height: 20px;line-height: 20px;min-width: 17px;padding: 0 5px;cursor:pointer;} .cart-colse{ background:url(../images/ibar_sprites.png); background-position: 5px -267px; height: 20px; overflow: hidden; padding: 5px; position: absolute; right: -13px; top: 4px; width: 20px;cursor:pointer;} .cart-close-box{position:absolute;top:-10px;right:-16px;} .cart-goods-check{margin-left:10px;margin-right:15px;}